<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/comm/header.jsp"%>
<div class="container" style="width:80%">
    <div id="toolbar">
        <button class="btn btn-danger" onclick="batchDel()">批量删除</button>
        <button class="btn btn-success" onclick="add()">添加角色</button>
        <button class="btn btn-warning" onclick="grant()">角色授权</button>
    </div>
    <table id="roleTb"
            data-toggle="table"
            data-url="sys/role/list"
           data-striped="true"
            data-height="450"
           data-toolbar="#toolbar">
        <thead>
        <tr>
            <th data-checkbox="true"></th>
            <th data-field="id">编号</th>
            <th data-field="roleName">角色代号</th>
            <th data-field="roleCode">角色名称</th>
            <th data-field="creationDate" data-formatter="fmtDate">添加日期</th>
            <th data-field="modifyDate">修改日期</th>
            <th  data-formatter="actionFormatter" data-events="actionEvents" >操作</th>

        </tr>
        </thead>
    </table>


              <div id="update">
                    <form style="padding:20px 80px">
                        <input type="hidden" name="id"/>
                        <div class="form-group">
                            <label>角色代号：</label>
                            <input type="text" class="form-control" name="roleCode">
                        </div>
                        <div class="form-group">
                            <label>角色名称：</label>
                            <input type="text" class="form-control" name="roleName">
                        </div>
                    </form>
                </div>


    <div id="grant">
        <div id="tree"></div>
    </div>

</div>

<%@include file="/comm/footer.jsp"%>
<script src="static/scripts/role.js"></script>
